<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{.title}}</title>
    <meta name="description" content="{{.Config.description}}"/>
    <meta name="keywords" content="{{.Config.keywords}}"/>
    <link rel="stylesheet" href="{{.Config.cdn.url}}/plugin/amazeui-2.7.2/css/amazeui.min.css?{{.Config.cdn.version}}">
    <link rel="stylesheet" href="{{.Config.cdn.url}}/plugin/markdown-css/github-markdown.css?{{.Config.cdn.version}}">
    <link rel="stylesheet" href="{{.Config.cdn.url}}/plugin/prism/prism.css?{{.Config.cdn.version}}">
    <link rel="stylesheet" href="{{.Config.cdn.url}}/resource/css/document/style.css?{{.Config.cdn.version}}">
    <link rel="icon" href="{{.Config.cdn.url}}/resource/image/favicon.ico" type="image/x-icon">
    <script type="application/javascript">
        var baseTitle = "{{.baseTitle}}"
    </script>
</head>
<body>
<div class="ui inverted active dimmer" id="process-mask">
    <div class="ui massive loading"></div>
</div>

<div class="container">
    <a id="menu-icon" href="#" title="打开/隐藏菜单"><i class="am-icon-align-justify am-icon-sm"></i></a>
    <a id="help-icon" href="#" target="_blank" title="文档纠错"><i class="am-icon-bug am-icon-sm"></i></a>
    <a id="totop-icon" href="#" title="回到顶部" data-am-smooth-scroll><i class="am-icon-arrow-up am-icon-sm"></i></a>

    <div class="side" id="side-markdown-view">
        <div id="side-search">
            <form class="am-form">
                <div id="search-input">
                    <input type="text" class="" id="search-key" placeholder="输入搜索关键字..." />
                    <input type="text" style="display: none;" />
                    <button type="button" title="点击搜索"><span class="am-icon-search am-icon-sm"></span></button>
                </div>
                <div id="clear-button">
                    <button type="button" title="清除搜索"><span class="am-icon-remove am-icon-sm"></span></button>
                </div>
            </form>
        </div>

        <div id="search-loading">
            <div class="loading-small"></div> Searching...
        </div>

        <div id="side-menus">
            {{.mdMenuContentParsed}}
        </div>
    </div>

    <div class="markdown-body" id="main-markdown-view">
    {{if ne .mdMainContent ""}}
        {{.mdMainContentParsed}}
    {{else}}
        {{include "document/include/404.html" .}}
    {{end}}
    </div>
    <div id="main-markdown-toc" style="display:none;"></div>
    <div id="powered" style="display:none;">
        <div id="powered-bottom">Powered by <a href="https://gitee.com/johng/gf" target="_blank">GoFrame {{.GF.version}}</a></div>
    </div>
    <textarea id="main-markdown-content" style="display:none;">{{.mdMainContent}}</textarea>
</div>


<script src="{{.Config.cdn.url}}/plugin/jquery/3.3.1/jquery.min.js"></script>
<script src="{{.Config.cdn.url}}/plugin/marked/marked.min.js"></script>
<script src="{{.Config.cdn.url}}/plugin/md-toc/md-toc.min.js"></script>
<script src="{{.Config.cdn.url}}/plugin/prism/prism.js"></script>
<script src="{{.Config.cdn.url}}/plugin/amazeui-2.7.2/js/amazeui.min.js"></script>
<script src="{{.Config.cdn.url}}/plugin/amazeui-2.7.2/js/amazeui.ie8polyfill.min.js"></script>
<script src="{{.Config.cdn.url}}/plugin/amazeui-2.7.2/js/amazeui.widgets.helper.min.js"></script>
<script src="{{.Config.cdn.url}}/resource/js/document/index.js?{{.Config.cdn.version}}"></script>

{{if get "jump"}}
    <div class="am-modal am-modal-alert" tabindex="-1" id="greeting-modal">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">GREETINGS</div>
            <div class="am-modal-bd">
                从今天开始<code>GoFrame</code>框架启用全新域名<code>gfer.me</code>!
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">哇噻真棒</span>
            </div>
        </div>
    </div>
    <script type="application/javascript">
        $(function() {
            $("#greeting-modal").modal();
        });
    </script>
{{end}}

</body>
</html>
